# 使用基础镜像名为node:14.1.0-buster(冒号后对应的就是镜像的版本号)
FROM node:14.1.0-buster as builder

# 将容器的工作目录设置为 /code
WORKDIR /code

# 将项目中的当前目录复制到镜像中的/code工作目录
COPY . /code

# 为了提高下载速度，设置从淘宝镜像中拉取
RUN npm config set registry https://registry.npm.taobao.org

# 安装vue相关依赖
RUN npm install

# 运行前端项目
RUN npm run build

# 下载nginx:1.22.0
FROM nginx:1.22.0
COPY --from=builder code/dist /usr/share/nginx/html

#暴露端口为80
EXPOSE 80
